<template>
  <div class="row">
    <!-- <el-tooltip content="上一页"></el-tooltip> -->
    <el-link
      v-show="currenpage > 0"
      :underline="false"
      class="mr-1"
      @click="$emit('prev')"
    >
      <el-icon><ArrowLeft /></el-icon>上一页
    </el-link>

    <el-link
      v-show="count == 10"
      :underline="false"
      class="mr-1"
      @click="$emit('next')"
    >
      下一页 <el-icon><ArrowRight /></el-icon>
    </el-link>
    <!-- <el-pagination layout="prev,pager, next" :page-count="2" /> -->
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';

const props = defineProps<{
  count: number;
  currenpage: number;
}>();
console.log(props.count);

const emit = defineEmits(['next', 'prev']);
const total = ref(10);
const previousPageDisabled = ref<boolean>(props.count < total.value);
const nextPageDisabled = ref<boolean>(props.count < total.value);
</script>

<style lang="scss" scoped></style>
